﻿@charset "utf-8";
html{overflow-x:hidden}
body{font-size:16px;font-family:"微软雅黑";}
html,body{height:100%;width:100%;}
p,h1,h2,h3,h4,h5,h6,dd,dt,dl,li,ol,body,html,form,textarea,input,select,table,ul{margin:0;padding:0;}
ul,li,ol{list-style:none;}
a,u,button{text-decoration:none;color:inherit;}
section,article,aside,nav,header,footer,main{display:block;}
input,button{background:#fff;border:0;outline:0;}
img{border:0;}
.clear::after{content:'';display:block;visibility:hidden;opacity:0;clear:both;height:0;overflow:hidden;}
@font-face { 
  font-family:'cuya'; 
  src: url('../fonts/cuya.ttf'); 
}
.cuya{font-family: "cuya";}
.w1300{max-width: 1300px;margin:0 auto;clear: both;position: relative;}
/*webkit scroll*/
::-webkit-scrollbar-track-piece {background-color:#f5f5f5;border-left:1px solid #d2d2d2;}
::-webkit-scrollbar {width:8px;height:13px;}
::-webkit-scrollbar-thumb {background-color:#c6c6c6;background-clip:padding-box;min-height:28px;border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background-color:#009cff;}
/*ie scroll*/
@-ms-viewport {width:device-width;}
div.main{width:1200px;text-align:left;margin:0 auto;}


/* 上边不要动 */
.met_editor{ color:#595959; font-size:15px; line-height:28px;}

.met_page li{ color:#4c4c4c; line-height:33px;}
.met_page li a{ color:#4c4c4c; line-height:33px;}
.navg{width:100%;height:60px;background:#fff;border-bottom: 1px solid #ccc;}
.nav_cnt{padding: 19px 2% 0 2%; margin:auto;}
.crumbsd{color:#8f8f8f;}
.crumbsd img{margin-right:14px;margin-top:0px}
.crumbsd a{font-size:14px;color:#8f8f8f;}
.crumbsd div{float:right;color:#ff0000;font-size:20px;}
.rowa{
  width: 1300px;
  margin: 0 auto;
}
.mt40 {
  margin-top: 40px !important;
}
.container1{
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}


/* 优势 */
.ysbt h2{text-align: center;height: 130px;font-size: 52px;color: #000000;margin:0 0;white-space : nowrap}
.ysbt h2 a{color: #000000;}
.ysbt h2 em{color: #54af69;font-weight: bold;font-style: normal}
.ysbt h2 span{display: block;font-size: 20px;color: #282828;font-weight: normal;padding-top: 6px;}
.f_fw{position: relative;}

.ys1bg{width: 50%;background: #eeeeee;height: 100%;display: block;position: absolute;left: 0;top: 0;}
.ys1pic{width: 50%;display: block;position: absolute;right: 0;top: 0;overflow: hidden;}
.g_ys1{padding: 40px 0;}
.g_ys1 .m_ys1{position: relative;z-index: 9;padding-left: 40px;}
.g_ys1 .m_ys1 h3{height: 100px;font-size: 40px;color: #000000;margin: 0;}
.g_ys1 .m_ys1 h3 em{display: block;font-size: 36px;color: #000000;text-transform: uppercase;line-height: 30px;font-style: normal;font-weight: 700;}
.g_ys1 .m_ys1 h3 b{color: #54af69;}
.g_ys1 .m_ys1 h4{background:url(images/ystit2.png) no-repeat;max-width:430px;height: 44px;line-height: 44px;padding-left: 14px;font-size: 24px;color: #fff;font-weight: normal;margin: 0 0 22px 0;}
.g_ys1 .m_ys1 p{line-height: 32px;padding-left: 35px;background:url(images/ysico.png) no-repeat 12px 10px;font-size: 18px;color: #494949;margin: 0;}
.g_ys1 .m_ys1 span{display: block;margin-top: 21px;overflow: hidden;}
.g_ys1 .m_ys1 span img{display: block;}

.ys3bg{width: 50%;background:url(images/ys2picl.jpg) no-repeat top right;height: 100%;display: block;position: absolute;left: 0;top: 0;}
.ys3pic{width: 50%;background: url(images/ys2picr.jpg) no-repeat top left;height: 100%;display: block;position: absolute;right: 0;top: 0;}
.g_ys3{padding: 60px 0;}
.g_ys3 .m_ys3{position: relative;z-index: 9;float: right;}
.g_ys3 .m_ys3 h3{height: 100px;font-size: 40px;color: #fff;}
.g_ys3 .m_ys3 h3 em{display: block;font-size: 36px;color: #fff;text-transform: uppercase;line-height: 30px;}
.g_ys3 .m_ys3 h3 b{color: #fffc00;}
.g_ys3 .m_ys3 h4{background:url(images/ystit3.png) no-repeat;max-width:430px;height: 44px;line-height: 44px;padding-left: 14px;font-size: 24px;color: #54af69;font-weight: normal;margin-bottom: 22px;}
.g_ys3 .m_ys3 p{line-height: 32px;padding-left: 35px;background:url(images/ysico.png) no-repeat 12px 10px;font-size: 18px;color: #fff;}
.g_ys3 .m_ys3 p b{color: #fffc00;}
.g_ys3 .m_ys3 span{display: block;margin-top: 26px;overflow: hidden; position: relative;}
.g_ys3 .m_ys3 span img{max-width:554px;;display: block;}


.g_ys4{background:url(images/ysbg4.jpg) no-repeat center top #eee;height:351px; padding-top: 88px;}
.g_ys4 .m_ys4 h3{height: 100px;font-size: 40px;color: #000000;}
.g_ys4 .m_ys4 h3 em{display: block;font-size: 36px;color: #000000;text-transform: uppercase;line-height: 30px;font-weight: bold;font-style: normal}
.g_ys4 .m_ys4 h3 b{color: #54af69;}
.g_ys4 .m_ys4 h4{background:url(images/ystit2.png) no-repeat;max-width:430px;height: 44px;line-height: 44px;padding-left: 14px;font-size: 24px;color: #fff;font-weight: normal;margin-bottom: 22px;}
.g_ys4 .m_ys4 p{line-height: 32px;padding-left: 35px;background:url(images/ysico.png) no-repeat 12px 10px;font-size: 18px;color: #494949;margin: 0}
.g_ys4 .m_ys4 span{display: block;margin-top: 26px;width: 440px;height: 176px;overflow: hidden;}
.g_ys4 .m_ys4 span img{width: 440px;height: 176px;display: block;}


.al_pic {width:1300px;overflow:hidden;margin:30px auto 20px auto; }
.al_pic li {float:left;margin-right:10px;width:409px; margin-left:10px;}
.al_pic li a:hover {background:#54af69;color:#fff;}
.al_pic li a:hover ol {color:#fff;margin-left:30px;}
.al_pic li a:hover ol::before {width:150px;border-color: #fff;}
.al_pic li a {display:block;}
.al_pic li a img {display:block;width:100%;}
.al_pic li a ol {text-align:left;font-size:18px;margin:15px 0 0 0;position:relative;height:60px;transition:all .6s; color:#333;}
.al_pic li a ol::before {position:absolute;top:15px;left:140px;content:"";border-top:1px solid #ccc;width:100px;height:1px;transition:all .6s;}

.al_pit {width:1300px;overflow:hidden;margin:30px auto 20px auto; }
.al_pit li {float:left;margin-right:10px;width:230px; margin-left:10px;}
.al_pit li a:hover {background:#54af69;color:#fff;}
.al_pit li a:hover ol {color:#fff;margin-left:30px;}
.al_pit li a:hover ol::before {width:150px;border-color: #fff;}
.al_pit li a {display:block;}
.al_pit li a img {display:block;width:100%;}
.al_pit li a ol {text-align:left;font-size:18px;margin:15px 0 0 0;position:relative;height:60px;transition:all .6s; color:#333;}
.al_pit li a ol::before {position:absolute;top:15px;left:140px;content:"";transition:all .6s;}

/*内页*/
#nyba{width:100%;height:500px;background:url(images/nyba.jpg) top center no-repeat #333;background-attachment: fixed;}
#main{max-width:1300px;height:auto;margin:0 auto;font-size:16px;line-height:35px;}
#main::after{content:'';display:block;visibility:hidden;opacity:0;clear:both;height:0;overflow:hidden;}
#main2{width: 96%; margin: auto; padding: 0 2%;}
#main3{width: 100%;}

/*内页简介*/
.sec_mian{overflow:hidden;}
.sec_aa{padding:60px 0 0;}
.sec_aa div.fl img{width: 100%;}
.sec_aa div.fl h4{margin:0 0 24px 0;font-size:52px;color:#333;text-align:center;}
.sec_aa div.fl h5{margin-bottom:35px;font-size:24px;color:#666;text-align:center;line-height:38px;letter-spacing:10px;}
.sec_aa div.fl h5 i{display:inline-block;padding:0 7px 0 15px;margin-right:15px;background:#009cff;color:#fff;vertical-align:top;border-radius:50px;font-style: normal;}
.sec_aa div.fl p{font-size:14px;color:#666;line-height:30px;}
.sec_aa div.fr{width:640px;height:314px;background:no-repeat center;background-size:cover;}

.bass{height:60px;line-height:60px;font-size:18px;color:#666;width:100%;margin:0 auto 30px;border-bottom:solid 2px #ddd;}
.bass a{color:#2f44c3;text-decoration:none;font-weight:bold;font-size:18px;}
.love-pic-box{width:100%;overflow:hidden;margin:20px auto;}
.love-pic-box li{width:18%;background:#fff;margin:15px 1%;float:left;list-style:none;overflow:hidden;position:relative;z-index:0;box-shadow:0px 0px 15px #cccccc7d;border:solid 10px #ffffff;box-sizing:border-box;}
.love-pic-box li img{width:100%;padding:0;margin:0;}
.love-pic-box li p{position:absolute;width:100%;height:40px;background:#fff;z-index:999;left:0;bottom:0;margin: 0;}
.love-pic-box li p>a{width:100%;line-height:30px;height:30px;text-align:center;font-size:16px;color:#000;display:block;padding-top:5px;}
.h30{height:30px;}
.ny_left{width:320px;height:auto;float:left;}
.ny_right{height:auto;}
.nr20 ul{text-align: center;}
.nr20 ul li{display: inline-block;text-align: center;width: 25%;vertical-align: text-top;}
.left-lx{width:290px;overflow:hidden;border:solid 1px #ddd;box-sizing:border-box;padding-bottom:20px;box-shadow:0px 0px 10px #ccc;margin-bottom:20px;}
.lx-tt{height:50px;margin-bottom:10px;background:#2f44c3;color:#888;width:100%;margin:0 auto 10px;box-sizing:border-box;}
.lx-tt h2{font-size:20px;color:#fff;line-height:50px;float:left;font-weight:initial;padding-left:15px;}
.lx-tt a{font-size:14px;color:#eee;float:right;padding-top:10px;padding-right:10px;}
.lx-tt a:hover{color:#009cff;}
.left-lx p{padding:0px 20px;font-size:16px;color:#333;line-height:30px;}
.pc_tt{background:#2f44c3;color:#fff;width:290px;height:90px;box-sizing:border-box;}
.pc_tt h2{font-size:24px;line-height:30px;text-align:center;padding-top:20px;font-weight:initial;}
.pc_tt>p{font-size:14px;line-height:30px;text-align:center;color:#ccc!important;width:250px;margin:0 auto;}
.left_cplei{width:290px;height:auto;padding:5px 0px;color:#fff;}
.left_cplei a{width:230px;height:40px;background:url(images/left1.png) 15px center no-repeat #666;margin:10px auto;text-align:left;line-height:40px;font-size:18px;padding-left:40px;position:relative;z-index:1;display:block;}
.left_cplei a::after{content:'';background:url(images/left1.png) 15px center no-repeat #2f44c3;z-index:-1;position:absolute;width:0px;height:40px;left:0;right:0;opacity:0;transition:all .3s}
.left_cplei a:hover::after{content:'';opacity:1;width:100%;}
.left_cplei a.act::after{content:'';opacity:1;width:100%;}
.ny_news,.ny_news li{width:100%;}
.ny_news li{transition:.3s;}
.ny_news li:nth-child(2n){background-color:#f8f8f8;}
.ny_news .center{max-width:1100px;margin:0 auto;position:relative;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;left:0;}
.ny_news>li>a{padding:50px 0;display:block;}

.ny_news .font{display:block;width:100%;font-size:18px;line-height:30px;}
.ny_news .font .intro{font-size:14px;color:#bbb;}
.ny_news li:hover{background:#0080f5;}
.ny_news li:hover .num,.ny_news li:hover .font p,.ny_news li:hover .font .intro{color:#fff;}
.ny_news li:hover .center{left:-16px;}
.nynews_list{margin-bottom:30px;width:100%;overflow:hidden;}
.nynews_list h1{margin-bottom:20px;}
.nynews_list li{width:49%;height:45px;margin:5px 0.5%;float:left;border:solid 1px #ddd;background:url(images/news1.jpg) left center no-repeat #fff;box-sizing:border-box;line-height:45px;color:#666;}
.nynews_list li a{color:#555;padding-left:10px;}
.nynews_list li a:hover{color:#d7a02b;}



.ystab{text-align: center;margin-top: 50px;}
.ystab a{display: inline-block;width: 300px;height: 60px;line-height: 60px;color: #fff;background: #009cff;border-radius: 45px;font-size: 26px;margin: 0 10px}
.gtr{
	position:fixed; z-index:999999; right:0; width:70px; height:198px; margin-top:-99px; top:67%;}
	.gtr ul li{border-bottom:1px #ececec solid;
	float:left; position:relative; width:100%; height:65px;}
	.gtr ul li:hover{border-bottom:1px #ececec solid;}
	.gtr ul li:nth-child(3) img,.gtr ul li:nth-child(1) img,.gtr ul li:nth-child(1) p{ display:none;
	position:absolute; top:0; right:70px; max-width:none;}
	.gtr ul li:nth-child(1) p{width: 176px;font-size: 22px;font-family: "cuya";color: #434343;line-height: 50px;}
	.gtr ul li a{background-color:#fff;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1); 
	display:block; width:100%; height:65px;  background-position:center; background-repeat:no-repeat;-webkit-transition-duration: 0.5s;
		-ms-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		-moz-transition-duration: 0.5s;
		transition-duration: 0.5s;}
	.gtr ul li:hover a{
	background-color:#009cff;
	}
	.qqchat{ display:none;
	position:absolute; right:75px; width:255px; height:144px; top:-32px; background-image:url(images/qqchat.png); background-position:center; background-repeat:no-repeat;}
	.gtr ul li:nth-child(3):hover img,.gtr ul li:nth-child(1):hover img,.gtr ul li:nth-child(1):hover p{
	display:block;}
	.gtr ul li:nth-child(1) a{
	background-image:url(images/r1.png);}
	.gtr ul li:nth-child(1):hover a{
	background-image:url(images/r1on.png);}
	.gtr ul li:nth-child(2) a{
	background-image:url(images/r2on.png);}
	.gtr ul li:nth-child(2):hover a{
	background-image:url(images/r2.png);}
	.gtr ul li:nth-child(3) a{
	background-image:url(images/qq2.png);}
	.gtr ul li:nth-child(3):hover a{
	background-image:url(images/qq.png);}
	.gtr ul li:nth-child(4) a{
	background-image:url(images/r3.png);}
	.gtr ul li:nth-child(4):hover a{
	background-image:url(images/r3on.png);}
	.gtr ul li .qqchat dl{
	float:left; width:248px;}
	.gtr ul li .qqchat dl dd{
	float:left; width:100%;}
	.gtr ul li .qqchat dl dd a{  
	display:block; width:100%; height:48px; line-height:48px; background-image:url(images/q.png); text-indent:45px; background-position:9px center; background-repeat:no-repeat;}
	.gtr ul li .qqchat dl dd:hover{
	background-color:#ebf3fa;}
	.gtr ul li:hover .qqchat dl dd a{
	background-color:transparent; background-image:url(images/q.png);}
	.gtr ul li:hover .qqchat{
	display:block;}

	@media all and (max-width:1700px){
		.ttel {display: none;}
		#nav{display: block;float: right;margin-right: 5%;}
		#nav>ul>li>a>img{width: 100%}
	}
	@media all and (max-width:1600px){
		.pro .prolist ul li a{font-size: 14px;}
	}
	
	@media all and (max-width:1520px){
		.abg .fr .atxt{line-height: 30px;}
	}
	@media all and (max-width:1520px){
		.abg .fr .atxt{font-size: 14px;line-height: 22px;}
	}

	@media all and (max-width:1470px){
		.pro .f_cb li a h5{line-height: 70px;font-size: 20px;}
		.pro .prolist ul li a:after{width: 30px;height: 30px;line-height: 30px;text-indent: 9px;}
		.yezi{display: none;}
	}
	@media all and (max-width:1366px){
		.pro .f_cb li a h5{line-height: 60px;font-size: 18px;}
		.pro .prolist ul li a:after{width: 25px;height: 25px;line-height: 25px;text-indent: 7px;}
	}
	@media all and (max-width:1300px){
		.w1300{padding: 0 2%}
	}

	@media all and (max-width:1200px){
		.ab ul li{width: 50%;border-bottom: 1px solid rgba(15,127,202,.5)}
		.ab ul li:nth-of-type(2){border-right:0;}
		.ab ul li:nth-of-type(3){border-bottom:0;}
		.news .nlist li, 	.showlist{width: 100%!important;}
		.sub_right{display: none;}
	}
	@media all and (max-width:1024px){
		.ab ul li{width: 100%;border-bottom: 1px solid rgba(15,127,202,.5)}
		.ab ul li{border-right:0;}
		.ab ul li:nth-of-type(3){border-bottom:1px solid rgba(15,127,202,.5);}
		#footer{display: flex}
	}
	@media all and (max-width:850px){
		.ny_news .num{display: none;}
		.ny_news .font{width: 100%;}
		.ny_news .center{padding:0 2%;}
		.ny_news li:hover .center{left: 0!important;}
	  }
	  @media all and (max-width:640px){
		.ny_news .num{width: 100%;display: block;}
		.ny_news .num img{height: auto;width: 100%;}
		.ny_news .font{width: 100%;margin-top: 15px;}
		.ny_news .center{padding:0 2%;}
	  }